<template>
  <div>
    <ul class="ul">
      <li class="flex " v-if="allData.ResultModel=='应用成果'"><div class="flex flex700 " v-if="allData.ResultModel=='应用成果'"><div class="flex"><span style="color:#797979" v-if="allData.ResultModel=='应用成果'">原研课题：</span> <div style="max-width: 500px;color:#478FFC" class="overflow3" v-text="allData.RelationResultShowName"></div></div><a v-if="allData.ResultModel=='应用成果'"  style="margin-left: 20px;cursor: pointer;color:#478FFC" @click="do_goSubjectDetail(allData.RelationResultShowSN)">进入详情
        <img class="rightMore" src="../../assets/commonImg/showMoreRight20191012.png" alt=""></a></div></li>
      <li class="flex "><div class="flex"><span>关键字：</span><div v-text="allData.KeyWord">545</div></div></li>
      <li class="flex "><div class="flex flex700"><span>课题类别：</span> <div v-text="allData.ResultModel"></div></div></li>
      <!--<li class="flex "><div class="flex"><span>选题分类：</span><div v-text="allData.TopticType"></div></div></li>-->
      <li class="flex "><div class="flex flex700"><span>研究范围：</span> <div v-text="allData.TopticType"></div></div></li>
      <li class="flex "><div class="flex"><span>所属系统：</span><div v-text="allData.CountyName"></div></div></li>
      <li class="flex "><div class="flex"><span>学科：</span><div v-text="allData.Subject"></div></div></li>
      <li class="flex "><div class="flex flex700"><span>学段：</span> <div v-text="allData.LearnStage"></div></div></li>
      <li class="flex "><div class="flex"><span>入库人：</span><div v-text="allData.cMan"></div></div></li>
      <li class="flex "><div class="flex"><span>研究状态：</span><div v-text="allData.Status"></div></div></li>
      <li class="flex "><div class="flex flex700"><span>联系电话：</span> <div v-text="allData.ManagerPhoneNumber"></div></div></li>
      <li class="flex "><div class="flex"><span>入库时间：</span><div v-text="allData.cDate"></div></div></li>
    </ul>
    <div class="bottom">
      <collectRatStar :allData="allData"></collectRatStar>
    </div>
  </div>
</template>

<script>
  import collectRatStar from '../common/cm_query-collect-ratStar'
    export default {
        name: "detail-result-top-detail",
      inject:['reload'],
      components:{
        collectRatStar
      },
      props:{
        allData:Object
      },
  watch:{
    allData(newV,oldV){
      newV.ManagerPhoneNumber=newV.ManagerPhoneNumber.replace(newV.ManagerPhoneNumber.substring(3,7), "****")
      // console.log(newV.ManagerPhoneNumber)
    }
  },
      methods:{
        do_goSubjectDetail(item){
            this.$router.replace({name:"yw_subjectDetail",query:{SN:item}})
            this.reload()
          }
      },
      mounted(){
        this.allData.ManagerPhoneNumber=this.allData.ManagerPhoneNumber.replace(this.allData.ManagerPhoneNumber.substring(3,7), "****")
      }
    }
</script>

<style scoped>
  .ul{
    box-sizing: border-box;
    padding: 5px 0 10px 0;
    border-top: 1px solid gainsboro;
  }
  .flex700{
    width: 650px;

  }
  .ul>li>.flex>span{
    color: #797979;

  }
  .ul{
    border-bottom: 1px solid gainsboro;
  }
  .ul>li{
    height: 30px;
    line-height: 30px;
  }

  .ul>li:last-child>span{
    flex: 0 0 60px;
  }
  ul li>div>span{
    display: inline-block;
    width: 80px;
  }
  .rightMore{
    width: 15px;
    position: relative;
    top: -2px;
  }
</style>
